<template>
  <div class="article-content" v-html="content"></div>
</template>

<script>
export default {
  name: "ArticleContent",
  props:{
    content:{
        type:String,
        default:'',
    }
  },
  created() {
    console.log(this.content,'*************************con**')
  },
  mounted() {
    console.log(this.content,'*************************con**')
  }
}
</script>

<style  lang="scss">
.article-content{
  margin: 20px;
  p{
    font-size: 16px;
    color: #333;
    line-height: 2rem;
    margin: 22px 0;
  }
}
</style>
